<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>商品首页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="../../component/banner_slider/jquery.themexSlider.css" rel="stylesheet" type="text/css" media="all">
    <link href="../../component/nav_bar/nav_bar.css" rel="stylesheet">
    <link href="../../common/jquery/jquery.mobile-1.4.5.css" rel="stylesheet">
    <link href="../../component/font/font.css" rel="stylesheet">
    <link href="../../component/nav_bar/nav_bar.css" rel="stylesheet">
    <link href="product_home.css" rel="stylesheet">
    <script src="../../common/jquery/jquery-1.12.3.js"></script>
    <script src="../../common/jquery/jquery.mobile-1.4.5.min.js"></script>
    <script src="../../common/js/yyk.utils.js"></script>
    <script src="../../component/nav_bar/nav_bar.js"></script>
    <script src="../../common/js/jquery.hoverIntent.min.js"></script>
    <script src="../../component/banner_slider/jquery.themexSlider.js"></script>

    <script>
        $(function(){
            load_banners();
        });
        var banner_images = ['../img/product_home_banner1.jpg', '../img/product_home_banner2.jpg', '../img/product_home_banner3.jpg'];
        var index = 0;
        function load_banners() {
            var list = $('.parallax-slider').children('ul');
            var item = list.children('li:first-child');
            item.find('img').attr('src', banner_images[0]);
            var i = 1;
            while (i < banner_images.length) {
                item = item.clone();
                item.appendTo(list);
                item.find('img').attr('src', banner_images[i]);
                i++;
            }
        }

    </script>
    <style type="text/css"></style>
</head>
<body>
<div data-role="page" id="product_home_page">
    <div data-role="header" id="product_home_head">
        <div class="site-wrap">
            <div class="featured-content">
                <div class="substrate"></div>
                <div class="parallax-slider themex-slider">
                    <div class="substrate"></div>
                    <ul>
                        <li>
                            <div><img src="#" class="alignnone" /></div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                    <div class="arrow arrow-left"> </div>
                    <div class="arrow arrow-right"> </div>
                    <input type="hidden" class="slider-pause" value="3000" />
                    <input type="hidden" class="slider-speed" value="2000" />
                    <input type="hidden" class="slider-effect" value="slide" />
                </div>
            </div>
            <div id="product_home_icon">
                <img src="../img/product_dialog.jpg">
                <img src="../img/product_bag.jpg">
            </div>
        </div>
    </div>
    <div data-role="content" id="product_home">
        <div id="product_home_con_floor1">
            <div class="product_home_con1_1">
            <img src="../img/product_home_product1.jpg">
            <div class="product_home_con1_abstract">
                <div class="product_home_effct">
                    温泉纯净三合一卸妆水50ML
                </div>
                <div>
                    国内价<span class="product_home_internal">¥115</span>
                    店内价<span class="product_home_store">$16.2</span>
                </div>
            </div>
        </div>
            <div class="product_home_con1_1">
                <img src="../img/product_home_product1.jpg">
                <div class="product_home_con1_abstract">
                    <div class="product_home_effct">
                        温泉纯净三合一卸妆水50ML
                    </div>
                    <div>
                        国内价<span class="product_home_internal">¥115</span>
                        店内价<span class="product_home_store">$16.2</span>
                    </div>
                </div>
            </div>
        </div>
        <div id="product_home_con_floor2">
            <img src="../img/product_home_banner1.jpg">
            <div class="product_home_con2_1">
                <div class="product_home_con2_abstract">
                    <div class="product_home_effct">
                        温泉纯净三合一卸妆水50ML
                    </div>
                    <div>
                        国内价<span class="product_home_internal">¥115</span><br>
                        店内价<span class="product_home_store">$16.2</span>
                    </div>
                </div>
                <img src="../img/product_home_product1.jpg">
            </div>
            <div class="product_home_con2_2">
                <div class="product_home_con2_2_1">
                    <div class="product_home_con2_abstract">
                        <div class="product_home_effct">
                            温泉纯净三合一卸妆水50ML
                        </div>
                        <div>
                            国内价 <span class="product_home_internal">¥115</span>
                            店内价 <span class="product_home_store">$16.2</span>
                        </div>
                    </div>
                    <img src="../img/product_home_product2.jpg">
                </div>
                <div class="product_home_con2_2_1">
                    <div class="product_home_con2_abstract">
                        <div class="product_home_effct">
                            温泉纯净三合一卸妆水50ML
                        </div>
                        <div>
                            国内价<span class="product_home_internal">¥115</span>
                            店内价<span class="product_home_store">$16.2</span>
                        </div>
                    </div>
                    <img src="../img/product_home_product2.jpg">
                </div>
            </div>
        </div>
        <div id="product_home_con_floor3">
            <img src="../img/product_home_banner1.jpg">
            <div class="product_home_con2_1">
                <div class="product_home_con2_abstract">
                    <div class="product_home_effct">
                        温泉纯净三合一卸妆水50ML
                    </div>
                    <div>
                        国内价<span class="product_home_internal">¥115</span><br>
                        店内价<span class="product_home_store">$16.2</span>
                    </div>
                </div>
                <img src="../img/product_home_product1.jpg">
            </div>
            <div class="product_home_con2_2">
                <div class="product_home_con2_2_1">
                    <div class="product_home_con2_abstract">
                        <div class="product_home_effct">
                            温泉纯净三合一卸妆水50ML
                        </div>
                        <div>
                            国内价 <span class="product_home_internal">¥115</span>
                            店内价 <span class="product_home_store">$16.2</span>
                        </div>
                    </div>
                    <img src="../img/product_home_product2.jpg">
                </div>
                <div class="product_home_con2_2_1">
                    <div class="product_home_con2_abstract">
                        <div class="product_home_effct">
                            温泉纯净三合一卸妆水50ML
                        </div>
                        <div>
                            国内价<span class="product_home_internal">¥115</span>
                            店内价<span class="product_home_store">$16.2</span>
                        </div>
                    </div>
                    <img src="../img/product_home_product2.jpg">
                </div>
            </div>
        </div>
    </div>
    <div class="nav_bar_div"></div>
</div>
</body>
</html>